<?php
$config = require './config.php';   /* Global context config variables */
require './tpl/require.header.php';
?>
<link rel="stylesheet" href="css/contactUs.css" />
</head>
<body>
<div class="wrapper">
<?php
require './tpl/require.page-header.php';
?>

    <div id="main-content" class="main-container">
        <div class="sub-nav-menu">
            <h2 class="topic-title">辉腾XRM<a href="#">关于辉腾</a></h2>
            <ul class="site-map">
                <li class="label">现在位置：</li>
                <li><a href="index.php">首页</a></li>
                <li><a href="contactUs.php">联系我们</a></li>
            </ul>
        </div>

        <div class="span2-wrapper-1 contact-us-extends page-last-footer">
            <div class="left-side-bar-part">
                <ul class="vertical-select-list topic-navbar">
                    <li class="first-child"><a href="#contact1" data-target-id="contact1">联系地址</a></li>
                    <li><a href="#contact2" data-target-id="contact2">申请试用</a></li>
                    <li><a href="#contact3" data-target-id="contact3">客服在线</a></li>
                    <li class="last-child"><a href="#contact4" data-target-id="contact4">在线留言</a></li>
                </ul>
            </div>
            <div class="right-side-bar-part">
                <div class="banner">
                    <img class="banner-img" src="images/banner02_compress.jpg" alt="辉腾商务团队">
                </div>
                <div class="content-body">
                    <div class="contact-part" id="contact1">
                        <h2 class="title-bar">联系地址</h2>
                        <div class="content-wrap">
                            <div class="info-block">
                                <h2 class="info-title">郑州辉腾软件科技有限公司</h2>
                                <ul>
                                    <li>
                                        <span>公司地址：</span>
                                        <a>紫荆山路60号金城国贸0617室</a>
                                    </li>
                                    <li>
                                        <span>邮政编码：</span>
                                        <a>450000</a>
                                    </li>
                                    <li>
                                        <span>客户支持及建议：</span>
                                        <a href="mailto://service@huiteng.com">service@htcrm.net</a>
                                    </li>
                                    <li>
                                        <span>业务支持与合作：</span>
                                        <a href="mailto://channel@huiteng.com">channel@htcrm.net</a>
                                    </li>
                                    <li>
                                        <span>全国客户服务电话：</span>
                                        <a>0371-88888139</a> |
                                        <a>0371-68097777</a>
                                    </li>
                                    <li>
                                        <span>传真号码：</span>
                                        <a>0371-68097777</a>
                                    </li>
                                    <li>
                                        <span>官方网站：</span>
                                        <a href="http://www.htcrm.net" target="_blank">http://www.htcrm.net</a>
                                    </li>
                                </ul>
                            </div>
                            <h2 class="title">我们的位置：</h2>
                            <div id="Bmap">
                                <iframe src="huitengPosition.html" width="100%" height="100%" ></iframe>
                            </div>
                        </div>
                    </div>
                    <div class="contact-part" id="contact2">
                        <h2 class="title-bar">申请试用</h2>
                        <div class="content-wrap">
                            <h2 class="title">点击下面按钮填写申请表</h2>
                            <button data-toggle="modal" class="btn btn-large" href="#responsive">申请试用</button>
                            <div class="text-alert" id="alertText">
                                <h2>温馨提示：</h2>
                                <p>
                                    如果需要Word,WPS[*.doc, *.docx, *.wps]格式的文件填写，可以下载
                                    <a href="http://www.htcrm.net/download/public/document/company.huiteng.shenqingdan.doc" target="_blank">辉腾CRM系统产品申请单</a>并可以通过
                                    <a href="contactUs.php#contact1" target="_blank">辉腾邮箱</a>提交申请。或保留备份。
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="contact-part" id="contact3">
                        <h2 class="title-bar">客服在线</h2>
                        <div class="content-wrap">
                            <div class="left-part">
                                <div class="weixin">
                                    <h2 class="title">扫描微信二维码获得实时服务</h2>
                                    <img src="images/weixin_logo_erCode_compress.jpg" class="two-code" alt=""/>
                                </div>
                            </div>
                            <div class="right-part">
                                <div class="contact-qq-list jishu">
                                    <h2 class="title">技术部</h2>
                                    <ul class="contact-qq">
                                        <li class="boy">
                                            <a href="http://wpa.qq.com/msgrd?v=3&uin=80871901&site=qq&menu=yes" target="_blank">小尹</a>
                                        </li>
                                    </ul>
                                </div>
                                <div class="contact-qq-list kefu">
                                    <h2 class="title">客服部</h2>
                                    <ul class="contact-qq">
                                        <li class="girl">
                                            <a href="http://wpa.qq.com/msgrd?v=3&uin=243966805&site=qq&menu=yes" target="_blank">贝贝</a>
                                        </li>
                                        <li class="girl">
                                            <a href="http://wpa.qq.com/msgrd?v=3&uin=183505238&site=qq&menu=yes" target="_blank">甜儿</a>
                                        </li>
                                        <li class="girl">
                                            <a href="http://wpa.qq.com/msgrd?v=3&uin=960927054&site=qq&menu=yes" target="_blank">梅梅</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="contact-part" id="contact4">
                        <h2 class="title-bar">在线留言</h2>
                        <div class="content-wrap">
                            <form action="leave.php" method="post">
                            <table class="table table-bordered">
                                <tbody>
                                    <tr>
                                        <td class="input-label">邮箱：</td>
                                        <td><input type="text" name="email" id="email"/></td>
                                    </tr>
                                    <tr>
                                        <td class="input-label">手机号：</td>
                                        <td><input type="text" name="telphone" id="telphone"/></td>
                                    </tr>
                                    <tr>
                                        <td class="input-label">留言内容：</td>
                                        <td class="textarea">
                                            <textarea type="text" name="leave_content" id="leaveContent"></textarea>
                                        </td>
                                    </tr>
                                </tbody>
                                <tfoot>
                                    <tr>
                                        <td colspan="2">
                                            <div class="btn-group">
                                                <button class="btn btn-primary btn-large" href="javascript:void(0);">&nbsp;&nbsp;&nbsp;&nbsp;发送&nbsp;&nbsp;&nbsp;&nbsp;</button>
                                                <button type="reset" class="btn btn-danger btn-large" href="javascript:void(0);">重置</button>
                                            </div>
                                        </td>
                                    </tr>
                                </tfoot>
                            </table>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>

    <div id="responsive" class="modal fade" tabindex="-1" data-width="900px" data-backdrop="static" data-keyboard="false" style="display: none;">
        <div class="modal-header">
            <button type="button" class="close btn btn-small" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h4 class="modal-title">填写产品试用申请表格</h4>
        </div>
        <form action="http://42.96.188.128/appealTry.php" method="post">
            <div class="modal-body">

                <table id="ShengQinShiYong" class="table table-bordered table-striped">
                    <tbody>
                        <tr class="row">
                            <td class="input-label">公司名称</td>
                            <td class="input-box">
                                <input type="text" name="company_name" id="companyName">
                            </td>
                            <td class="input-label">联系人</td>
                            <td class="input-box">
                                <input type="text" name="contacter_name" id="contacterName">
                            </td>
                        </tr>
                        <tr class="row">
                            <td class="input-label">公司地址</td>
                            <td class="input-box">
                                <input type="text" name="company_address" id="companyAddress">
                            </td>
                            <td class="input-label">联系手机</td>
                            <td class="input-box">
                                <input type="text" name="contacter_telphone" id="contacterTelphone">
                            </td>
                        </tr>
                        <tr class="row">
                            <td class="input-label">联系电话</td>
                            <td class="input-box">
                                <input type="text" name="contacter_call" id="contacterCall">
                            </td>
                            <td class="input-label">Email</td>
                            <td class="input-box">
                                <input type="text" name="contacter_email" id="contacterEmail">
                            </td>
                        </tr>
                        <tr class="row">
                            <td class="input-label">主营产品</td>
                            <td class="input-box">
                                <input type="text" name="company_product" id="companyProduct">
                            </td>
                            <td class="input-label">业务人数</td>
                            <td class="input-box">
                                <input type="text" name="company_person_count" id="companyPersonCount">
                            </td>
                        </tr>
                        <tr class="row">
                            <td class="input-label">年营业额</td>
                            <td class="input-box">
                                <input type="text" name="company_income_of_year" id="companyIncomeOfYear">
                            </td>
                            <td class="input-label">覆盖区域</td>
                            <td class="input-box">
                                <input type="text" name="company_scope_run" id="companyScopeRun">
                            </td>
                        </tr>
                        <tr>
                            <td class="input-label">需求描述</td>
                            <td colspan="3" class="textarea">
                                <textarea name="demand_desc" id="demandDesc"></textarea>
                            </td>
                        </tr>
                    </tbody>
                </table>
                <div id="alert">
                    <h2>温馨提示：</h2>
                    <p>
                        如果需要Word,WPS[*.doc, *.docx, *.wps]格式的文件填写，可以下载
                        <a href="http://www.htcrm.net/download.php/document/company.huiteng.shenqingdan.doc" target="_blank">辉腾CRM系统产品申请单</a>并可以通过
                        <a href="contactUs.php#contact1" target="_blank">辉腾邮箱</a>提交申请。或保留备份。
                    </p>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" data-dismiss="modal" class="btn btn-danger">关闭</button>
                <button type="button" class="btn btn-primary">提交申请</button>
            </div>
        </form>
    </div>

</div>
<script type="text/javascript" src="js/libs/jquery-1.8.3.min.js"></script>
<!-- <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> -->
<script type="text/javascript" src="js/libs/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/page/subnav-fixed-top.js"></script>
<script type="text/javascript" src="js/xf/tween.js"></script>
<script type="text/javascript" src="js/xf/utils.js"></script>
<script type="text/javascript" src="js/xf/scroll-slider-navbar.js"></script>
<script type="text/javascript" src="libs/js/bootstrap-modalmanager.js"></script>
<script type="text/javascript" src="libs/js/bootstrap-modal.js"></script>
<link rel="stylesheet" href="libs/css/bootstrap-modal-bs3patch.css"/>
<link rel="stylesheet" href="libs/css/bootstrap-modal.css"/>
<script type="text/javascript">
    jQuery(document).ready(function(){
        $Runtime.contactScrollSliderNavbar = new XF.ScrollSliderNavbar($('div.left-side-bar-part>ul.vertical-select-list'), $('div.right-side-bar-part>div.content-body'), {
            offset : 0,
            callback: function(target){
                $(target).parent('li').addClass('active');
            },
            prevNavItemResumeFn: function(){
                $(this.target).parent('li').removeClass('active');
            }
        });
    });
</script>
<?php
    require './tpl/require.footer.php';
?>